﻿<!DOCTYPE html>
<html>
  <head>
    <title>开关 Switch</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/___switch/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/___switch/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u5341" class="ax_default" data-label="背景">
        <div id="u5341_state0" class="panel_state" data-label="State1" style="">
          <div id="u5341_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u5342" class="ax_default" data-label="线条">
        <div id="u5342_state0" class="panel_state" data-label="State1" style="">
          <div id="u5342_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5343" class="ax_default _默认样式">
        <div id="u5343_div" class=""></div>
        <div id="u5343_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5344" class="ax_default _默认样式">
        <div id="u5344_div" class=""></div>
        <div id="u5344_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5345" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u5346" class="ax_default _默认样式">
          <div id="u5346_div" class=""></div>
          <div id="u5346_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">在两种状态间切换时用到的开关选择器。提供了动态及静态的元件示例，可根据需要选择使用。扩展阅读文章：</span><a id="u5347" class="link"><span style="font-family:'微软雅黑';font-weight:400;">专业交互干货！单选、复选、开关应该如何使用？</span></a></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5348" class="ax_default _默认样式">
          <div id="u5348_div" class=""></div>
          <div id="u5348_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u5350" class="ax_default _默认样式">
        <img id="u5350_img" class="img " src="images/___icons/u605.png"/>
        <div id="u5350_text" class="text ">
          <p><span>Copyright © </span><a id="u5351" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5352" class="ax_default _默认样式">
        <div id="u5352_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5353" class="ax_default _默认样式">
        <div id="u5353_div" class=""></div>
        <div id="u5353_text" class="text ">
          <p><span>静态开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5354" class="ax_default" data-left="140" data-top="291" data-width="100" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5355" class="ax_default _默认样式">
          <img id="u5355_img" class="img " src="images/单选框_radio/u5244.png"/>
          <div id="u5355_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5356" class="ax_default" data-left="240" data-top="291" data-width="100" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5357" class="ax_default _默认样式">
          <img id="u5357_img" class="img " src="images/单选框_radio/u5244.png"/>
          <div id="u5357_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5358" class="ax_default" data-left="340" data-top="291" data-width="100" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5359" class="ax_default _默认样式">
          <img id="u5359_img" class="img " src="images/单选框_radio/u5244.png"/>
          <div id="u5359_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5360" class="ax_default _默认样式">
        <img id="u5360_img" class="img " src="images/单选框_radio/u5244.png"/>
        <div id="u5360_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5361" class="ax_default _默认样式">
        <img id="u5361_img" class="img " src="images/单选框_radio/u5244.png"/>
        <div id="u5361_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5362" class="ax_default _默认样式">
        <img id="u5362_img" class="img " src="images/单选框_radio/u5244.png"/>
        <div id="u5362_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5363" class="ax_default _默认样式">
        <div id="u5363_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5364" class="ax_default _默认样式">
        <div id="u5364_div" class=""></div>
        <div id="u5364_text" class="text ">
          <p><span>动态开关</span></p>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5365" class="ax_default" data-label="开关">
        <div id="u5365_state0" class="panel_state" data-label="State1" style="">
          <div id="u5365_state0_content" class="panel_state_content">

            <!-- 背景 (Rectangle) -->
            <div id="u5366" class="ax_default _默认样式" data-label="背景">
              <div id="u5366_div" class=""></div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5367" class="ax_default _默认样式" data-label="圆">
              <img id="u5367_img" class="img " src="images/___switch/圆_u5367.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5368" class="ax_default" data-label="开关">
        <div id="u5368_state0" class="panel_state" data-label="State1" style="">
          <div id="u5368_state0_content" class="panel_state_content">

            <!-- 背景 (Rectangle) -->
            <div id="u5369" class="ax_default _默认样式" data-label="背景">
              <div id="u5369_div" class=""></div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5370" class="ax_default _默认样式" data-label="圆">
              <img id="u5370_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5371" class="ax_default" data-label="开关">
        <div id="u5371_state0" class="panel_state" data-label="State1" style="">
          <div id="u5371_state0_content" class="panel_state_content">

            <!-- 背景 (Rectangle) -->
            <div id="u5372" class="ax_default _默认样式" data-label="背景">
              <div id="u5372_div" class=""></div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5373" class="ax_default _默认样式" data-label="圆">
              <img id="u5373_img" class="img " src="images/___switch/圆_u5373.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5374" class="ax_default" data-label="开关">
        <div id="u5374_state0" class="panel_state" data-label="State1" style="">
          <div id="u5374_state0_content" class="panel_state_content">

            <!-- 背景 (Rectangle) -->
            <div id="u5375" class="ax_default _默认样式" data-label="背景">
              <div id="u5375_div" class=""></div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5376" class="ax_default _默认样式" data-label="圆">
              <img id="u5376_img" class="img " src="images/___switch/圆_u5367.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5377" class="ax_default" data-label="开关">
        <div id="u5377_state0" class="panel_state" data-label="State1" style="">
          <div id="u5377_state0_content" class="panel_state_content">

            <!-- 背景 (Rectangle) -->
            <div id="u5378" class="ax_default _默认样式" data-label="背景">
              <div id="u5378_div" class=""></div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5379" class="ax_default _默认样式" data-label="圆">
              <img id="u5379_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5380" class="ax_default" data-label="开关">
        <div id="u5380_state0" class="panel_state" data-label="State1" style="">
          <div id="u5380_state0_content" class="panel_state_content">

            <!-- 背景 (Rectangle) -->
            <div id="u5381" class="ax_default _默认样式" data-label="背景">
              <div id="u5381_div" class=""></div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5382" class="ax_default _默认样式" data-label="圆">
              <img id="u5382_img" class="img " src="images/___switch/圆_u5373.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5383" class="ax_default _默认样式">
        <div id="u5383_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5384" class="ax_default _默认样式">
        <div id="u5384_div" class=""></div>
        <div id="u5384_text" class="text ">
          <p><span>图标开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5385" class="ax_default _默认样式">
        <div id="u5385_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5386" class="ax_default _默认样式">
        <div id="u5386_div" class=""></div>
        <div id="u5386_text" class="text ">
          <p><span>其它开关</span></p>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5387" class="ax_default" data-label="开关">
        <div id="u5387_state0" class="panel_state" data-label="State1" style="">
          <div id="u5387_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5388" class="ax_default" data-label="背景">
              <div id="u5388_state0" class="panel_state" data-label="State1" style="">
                <div id="u5388_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5389" class="ax_default _默认样式">
                    <div id="u5389_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5390" class="ax_default" data-left="43" data-top="0" data-width="20" data-height="30">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5391" class="ax_default _默认样式">
                      <img id="u5391_img" class="img " src="images/___switch/u5391.png"/>
                      <div id="u5391_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5388_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u5388_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5392" class="ax_default _默认样式">
                    <div id="u5392_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5393" class="ax_default" data-left="14" data-top="0" data-width="20" data-height="30">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5394" class="ax_default _默认样式">
                      <img id="u5394_img" class="img " src="images/___switch/u5391.png"/>
                      <div id="u5394_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5395" class="ax_default _默认样式" data-label="圆">
              <img id="u5395_img" class="img " src="images/___switch/圆_u5367.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5396" class="ax_default" data-label="开关">
        <div id="u5396_state0" class="panel_state" data-label="State1" style="">
          <div id="u5396_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5397" class="ax_default" data-label="背景">
              <div id="u5397_state0" class="panel_state" data-label="State1" style="">
                <div id="u5397_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5398" class="ax_default _默认样式">
                    <div id="u5398_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5399" class="ax_default" data-left="33" data-top="-2" data-width="20" data-height="28">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5400" class="ax_default _默认样式">
                      <img id="u5400_img" class="img " src="images/___switch/u5400.png"/>
                      <div id="u5400_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5397_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u5397_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5401" class="ax_default _默认样式">
                    <div id="u5401_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5402" class="ax_default" data-left="10" data-top="-2" data-width="20" data-height="28">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5403" class="ax_default _默认样式">
                      <img id="u5403_img" class="img " src="images/___switch/u5400.png"/>
                      <div id="u5403_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5404" class="ax_default _默认样式" data-label="圆">
              <img id="u5404_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5405" class="ax_default" data-label="开关">
        <div id="u5405_state0" class="panel_state" data-label="State1" style="">
          <div id="u5405_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5406" class="ax_default" data-label="背景">
              <div id="u5406_state0" class="panel_state" data-label="State1" style="">
                <div id="u5406_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5407" class="ax_default _默认样式">
                    <div id="u5407_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5408" class="ax_default _默认样式">
                    <img id="u5408_img" class="img " src="images/___switch/u5408.png"/>
                    <div id="u5408_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5406_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u5406_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5409" class="ax_default _默认样式">
                    <div id="u5409_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5410" class="ax_default _默认样式">
                    <img id="u5410_img" class="img " src="images/___switch/u5408.png"/>
                    <div id="u5410_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5411" class="ax_default _默认样式" data-label="圆">
              <img id="u5411_img" class="img " src="images/_____carousel/圆点-1_u2739_selected.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5412" class="ax_default" data-label="开关">
        <div id="u5412_state0" class="panel_state" data-label="State1" style="">
          <div id="u5412_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5413" class="ax_default" data-label="背景">
              <div id="u5413_state0" class="panel_state" data-label="State2" style="">
                <div id="u5413_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5414" class="ax_default _默认样式">
                    <div id="u5414_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5415" class="ax_default" data-left="14" data-top="0" data-width="20" data-height="30">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5416" class="ax_default _默认样式">
                      <img id="u5416_img" class="img " src="images/___switch/u5391.png"/>
                      <div id="u5416_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5413_state1" class="panel_state" data-label="State1" style="visibility: hidden;">
                <div id="u5413_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5417" class="ax_default _默认样式">
                    <div id="u5417_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5418" class="ax_default" data-left="43" data-top="0" data-width="20" data-height="30">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5419" class="ax_default _默认样式">
                      <img id="u5419_img" class="img " src="images/___switch/u5391.png"/>
                      <div id="u5419_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5420" class="ax_default _默认样式" data-label="圆">
              <img id="u5420_img" class="img " src="images/___switch/圆_u5367.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5421" class="ax_default" data-label="开关">
        <div id="u5421_state0" class="panel_state" data-label="State1" style="">
          <div id="u5421_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5422" class="ax_default" data-label="背景">
              <div id="u5422_state0" class="panel_state" data-label="State2" style="">
                <div id="u5422_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5423" class="ax_default _默认样式">
                    <div id="u5423_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5424" class="ax_default" data-left="10" data-top="-2" data-width="20" data-height="28">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5425" class="ax_default _默认样式">
                      <img id="u5425_img" class="img " src="images/___switch/u5400.png"/>
                      <div id="u5425_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5422_state1" class="panel_state" data-label="State1" style="visibility: hidden;">
                <div id="u5422_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5426" class="ax_default _默认样式">
                    <div id="u5426_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5427" class="ax_default" data-left="33" data-top="-2" data-width="20" data-height="28">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5428" class="ax_default _默认样式">
                      <img id="u5428_img" class="img " src="images/___switch/u5400.png"/>
                      <div id="u5428_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5429" class="ax_default _默认样式" data-label="圆">
              <img id="u5429_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5430" class="ax_default" data-label="开关">
        <div id="u5430_state0" class="panel_state" data-label="State1" style="">
          <div id="u5430_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5431" class="ax_default" data-label="背景">
              <div id="u5431_state0" class="panel_state" data-label="State2" style="">
                <div id="u5431_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5432" class="ax_default _默认样式">
                    <div id="u5432_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5433" class="ax_default _默认样式">
                    <img id="u5433_img" class="img " src="images/___switch/u5408.png"/>
                    <div id="u5433_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5431_state1" class="panel_state" data-label="State1" style="visibility: hidden;">
                <div id="u5431_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5434" class="ax_default _默认样式">
                    <div id="u5434_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5435" class="ax_default _默认样式">
                    <img id="u5435_img" class="img " src="images/___switch/u5408.png"/>
                    <div id="u5435_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5436" class="ax_default _默认样式" data-label="圆">
              <img id="u5436_img" class="img " src="images/_____carousel/圆点-1_u2739_selected.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5437" class="ax_default" data-label="开关">
        <div id="u5437_state0" class="panel_state" data-label="State1" style="">
          <div id="u5437_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5438" class="ax_default" data-label="背景">
              <div id="u5438_state0" class="panel_state" data-label="State1" style="">
                <div id="u5438_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5439" class="ax_default _默认样式">
                    <div id="u5439_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5440" class="ax_default" data-left="24" data-top="0" data-width="31" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5441" class="ax_default _默认样式">
                      <img id="u5441_img" class="img " src="images/___switch/u5441.png"/>
                      <div id="u5441_text" class="text ">
                        <p><span>OFF</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5438_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u5438_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5442" class="ax_default _默认样式">
                    <div id="u5442_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5443" class="ax_default" data-left="8" data-top="0" data-width="31" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5444" class="ax_default _默认样式">
                      <img id="u5444_img" class="img " src="images/___switch/u5441.png"/>
                      <div id="u5444_text" class="text ">
                        <p><span>ON</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5445" class="ax_default _默认样式" data-label="圆">
              <img id="u5445_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5446" class="ax_default" data-label="开关">
        <div id="u5446_state0" class="panel_state" data-label="State1" style="">
          <div id="u5446_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5447" class="ax_default" data-label="背景">
              <div id="u5447_state0" class="panel_state" data-label="State2" style="">
                <div id="u5447_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5448" class="ax_default _默认样式">
                    <div id="u5448_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5449" class="ax_default" data-left="8" data-top="0" data-width="31" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5450" class="ax_default _默认样式">
                      <img id="u5450_img" class="img " src="images/___switch/u5441.png"/>
                      <div id="u5450_text" class="text ">
                        <p><span>ON</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5447_state1" class="panel_state" data-label="State1" style="visibility: hidden;">
                <div id="u5447_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5451" class="ax_default _默认样式">
                    <div id="u5451_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5452" class="ax_default" data-left="24" data-top="0" data-width="31" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5453" class="ax_default _默认样式">
                      <img id="u5453_img" class="img " src="images/___switch/u5441.png"/>
                      <div id="u5453_text" class="text ">
                        <p><span>OFF</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5454" class="ax_default _默认样式" data-label="圆">
              <img id="u5454_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5455" class="ax_default" data-label="开关">
        <div id="u5455_state0" class="panel_state" data-label="State1" style="">
          <div id="u5455_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5456" class="ax_default" data-label="背景">
              <div id="u5456_state0" class="panel_state" data-label="State1" style="">
                <div id="u5456_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5457" class="ax_default _默认样式">
                    <div id="u5457_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5458" class="ax_default" data-left="32" data-top="0" data-width="20" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5459" class="ax_default _默认样式">
                      <img id="u5459_img" class="img " src="images/___switch/u5400.png"/>
                      <div id="u5459_text" class="text ">
                        <p><span>关</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5456_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u5456_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5460" class="ax_default _默认样式">
                    <div id="u5460_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5461" class="ax_default" data-left="10" data-top="0" data-width="19" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5462" class="ax_default _默认样式">
                      <img id="u5462_img" class="img " src="images/___switch/u5462.png"/>
                      <div id="u5462_text" class="text ">
                        <p><span>开</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5463" class="ax_default _默认样式" data-label="圆">
              <img id="u5463_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5464" class="ax_default" data-label="开关">
        <div id="u5464_state0" class="panel_state" data-label="State1" style="">
          <div id="u5464_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5465" class="ax_default" data-label="背景">
              <div id="u5465_state0" class="panel_state" data-label="State2" style="">
                <div id="u5465_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5466" class="ax_default _默认样式">
                    <div id="u5466_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5467" class="ax_default" data-left="10" data-top="0" data-width="19" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5468" class="ax_default _默认样式">
                      <img id="u5468_img" class="img " src="images/___switch/u5462.png"/>
                      <div id="u5468_text" class="text ">
                        <p><span>开</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5465_state1" class="panel_state" data-label="State1" style="visibility: hidden;">
                <div id="u5465_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5469" class="ax_default _默认样式">
                    <div id="u5469_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5470" class="ax_default" data-left="32" data-top="0" data-width="20" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5471" class="ax_default _默认样式">
                      <img id="u5471_img" class="img " src="images/___switch/u5400.png"/>
                      <div id="u5471_text" class="text ">
                        <p><span>关</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5472" class="ax_default _默认样式" data-label="圆">
              <img id="u5472_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5473" class="ax_default" data-label="开关">
        <div id="u5473_state0" class="panel_state" data-label="State1" style="">
          <div id="u5473_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5474" class="ax_default" data-label="背景">
              <div id="u5474_state0" class="panel_state" data-label="State1" style="">
                <div id="u5474_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5475" class="ax_default _默认样式">
                    <div id="u5475_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5476" class="ax_default" data-left="26" data-top="0" data-width="21" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5477" class="ax_default _默认样式">
                      <img id="u5477_img" class="img " src="images/___switch/u5477.png"/>
                      <div id="u5477_text" class="text ">
                        <p><span>***</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5474_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u5474_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5478" class="ax_default _默认样式">
                    <div id="u5478_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5479" class="ax_default" data-left="9" data-top="0" data-width="31" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5480" class="ax_default _默认样式">
                      <img id="u5480_img" class="img " src="images/___switch/u5441.png"/>
                      <div id="u5480_text" class="text ">
                        <p><span>123</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5481" class="ax_default _默认样式" data-label="圆">
              <img id="u5481_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5482" class="ax_default" data-label="开关">
        <div id="u5482_state0" class="panel_state" data-label="State1" style="">
          <div id="u5482_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5483" class="ax_default" data-label="背景">
              <div id="u5483_state0" class="panel_state" data-label="State2" style="">
                <div id="u5483_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5484" class="ax_default _默认样式">
                    <div id="u5484_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5485" class="ax_default" data-left="9" data-top="0" data-width="31" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5486" class="ax_default _默认样式">
                      <img id="u5486_img" class="img " src="images/___switch/u5441.png"/>
                      <div id="u5486_text" class="text ">
                        <p><span>123</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5483_state1" class="panel_state" data-label="State1" style="visibility: hidden;">
                <div id="u5483_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5487" class="ax_default _默认样式">
                    <div id="u5487_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5488" class="ax_default" data-left="26" data-top="0" data-width="21" data-height="25">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5489" class="ax_default _默认样式">
                      <img id="u5489_img" class="img " src="images/___switch/u5477.png"/>
                      <div id="u5489_text" class="text ">
                        <p><span>***</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5490" class="ax_default _默认样式" data-label="圆">
              <img id="u5490_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5491" class="ax_default" data-label="开关">
        <div id="u5491_state0" class="panel_state" data-label="State1" style="">
          <div id="u5491_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5492" class="ax_default" data-label="背景">
              <div id="u5492_state0" class="panel_state" data-label="State1" style="">
                <div id="u5492_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5493" class="ax_default _默认样式">
                    <div id="u5493_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5494" class="ax_default" data-left="28" data-top="-2" data-width="20" data-height="28">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5495" class="ax_default _默认样式">
                      <img id="u5495_img" class="img " src="images/___switch/u5495.png"/>
                      <div id="u5495_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5492_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u5492_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5496" class="ax_default _默认样式">
                    <div id="u5496_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5497" class="ax_default" data-left="10" data-top="-2" data-width="20" data-height="28">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5498" class="ax_default _默认样式">
                      <img id="u5498_img" class="img " src="images/___switch/u5495.png"/>
                      <div id="u5498_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5499" class="ax_default _默认样式" data-label="圆">
              <img id="u5499_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5500" class="ax_default" data-label="开关">
        <div id="u5500_state0" class="panel_state" data-label="State1" style="">
          <div id="u5500_state0_content" class="panel_state_content">

            <!-- 背景 (Dynamic Panel) -->
            <div id="u5501" class="ax_default" data-label="背景">
              <div id="u5501_state0" class="panel_state" data-label="State2" style="">
                <div id="u5501_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5502" class="ax_default _默认样式">
                    <div id="u5502_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5503" class="ax_default" data-left="10" data-top="-2" data-width="20" data-height="28">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5504" class="ax_default _默认样式">
                      <img id="u5504_img" class="img " src="images/___switch/u5495.png"/>
                      <div id="u5504_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u5501_state1" class="panel_state" data-label="State1" style="visibility: hidden;">
                <div id="u5501_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5505" class="ax_default _默认样式">
                    <div id="u5505_div" class=""></div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u5506" class="ax_default" data-left="28" data-top="-2" data-width="20" data-height="28">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u5507" class="ax_default _默认样式">
                      <img id="u5507_img" class="img " src="images/___switch/u5495.png"/>
                      <div id="u5507_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 圆 (Ellipse) -->
            <div id="u5508" class="ax_default _默认样式" data-label="圆">
              <img id="u5508_img" class="img " src="images/___switch/圆_u5370.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5509" class="ax_default" data-label="开关">
        <div id="u5509_state0" class="panel_state" data-label="State1" style="">
          <div id="u5509_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u5510" class="ax_default _默认样式">
              <div id="u5510_div" class=""></div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u5511" class="ax_default" data-left="27" data-top="0" data-width="27" data-height="25">

              <!-- Unnamed (Rectangle) -->
              <div id="u5512" class="ax_default _默认样式">
                <img id="u5512_img" class="img " src="images/___switch/u5512.png"/>
                <div id="u5512_text" class="text ">
                  <p><span>关</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u5513" class="ax_default _默认样式">
              <div id="u5513_div" class=""></div>
            </div>
          </div>
        </div>
        <div id="u5509_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u5509_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u5514" class="ax_default _默认样式">
              <div id="u5514_div" class=""></div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u5515" class="ax_default" data-left="0" data-top="0" data-width="27" data-height="25">

              <!-- Unnamed (Rectangle) -->
              <div id="u5516" class="ax_default _默认样式">
                <img id="u5516_img" class="img " src="images/___switch/u5512.png"/>
                <div id="u5516_text" class="text ">
                  <p><span>开</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u5517" class="ax_default _默认样式">
              <div id="u5517_div" class=""></div>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关 (Dynamic Panel) -->
      <div id="u5518" class="ax_default" data-label="开关">
        <div id="u5518_state0" class="panel_state" data-label="State2" style="">
          <div id="u5518_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u5519" class="ax_default _默认样式">
              <div id="u5519_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u5520" class="ax_default _默认样式">
              <div id="u5520_div" class=""></div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u5521" class="ax_default" data-left="0" data-top="-2" data-width="27" data-height="28">

              <!-- Unnamed (Rectangle) -->
              <div id="u5522" class="ax_default _默认样式">
                <img id="u5522_img" class="img " src="images/___switch/u5512.png"/>
                <div id="u5522_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u5518_state1" class="panel_state" data-label="State1" style="visibility: hidden;">
          <div id="u5518_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u5523" class="ax_default _默认样式">
              <div id="u5523_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u5524" class="ax_default _默认样式">
              <div id="u5524_div" class=""></div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u5525" class="ax_default" data-left="27" data-top="-2" data-width="27" data-height="28">

              <!-- Unnamed (Rectangle) -->
              <div id="u5526" class="ax_default _默认样式">
                <img id="u5526_img" class="img " src="images/___switch/u5512.png"/>
                <div id="u5526_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
